<template>
	<view class="explain">
		<view class="backImg">
			<view class="backImg-left">
				<view @tap="back" class="backImg-left">
					<image src="@/static/detail/back.png" mode="widthFix"></image>
				</view>
			</view>
			<view></view>
			<view class="backImg-right"></view>
		</view>
		
		<view class="main">
			<view class="content">
				<view>
					用户通过浏览器方式打开客户端，并使用浏览器（目前主流浏览器例如：百度、谷歌、UC、safari、QQ....都支持创建桌面快捷方式）自带的创建桌面功能将“转让平台”添加到桌面方便用户下次快速打开。
					<!-- 用户通过浏览器方式打开客户端，并使用浏览器（目前主流浏览器例如：百度、谷歌、UC、safari、QQ....都支持创建桌面快捷方式）自带的创建桌面功能将“数字文化产品转让平台”添加到桌面方便用户下次快速打开。 -->
				</view>
				<view>
					具体操作以百度为例（其他浏览器创建桌面方式类似）：
				</view>
				<view>
					1、用户通过百度浏览器打开； 
					<!-- 1、用户通过百度浏览器打开数字文化产品转让平台； -->
				</view>	
				<view>
					 2、将当前网站进行收藏； 
					 <!-- 2、将当前数字文化产品转让平台进行收藏； -->
				</view>
				<view>
					3、点击浏览器右上角按钮（如下图），页面下方会弹出新页面，在页面上找到“添加到桌面”并点击，即完成添加快捷桌面操作； 
				</view>
				<view>
					4、退出浏览器，在手机桌面上即可看到新添加的桌面快捷方式。
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back() {
				let canNavBack = getCurrentPages();
				if(canNavBack && canNavBack.length>1) {  
				    uni.navigateBack({  
				      delta: 1  
				    });  
				} else {  
				    history.back();  
				}
			},
		}
	}
</script>

<style lang="less" scoped>
	page{width: 100%;height: 100%;}
	.explain{
		width: 100%;
		height: 100%;
		.main{
			width: 100%;
			height: auto;
			min-height: 100%;
			background-image: url('@/static/common/bg.png');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			padding-top:500upx;
			.content{
				color: #fff;
				text-align: justify;
				padding: 0 60upx;
				font-size: 28upx;
			}
		}
		.backImg {
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 99;
			padding: 40upx;
			display: flex;
			justify-content: space-between;
			color: #FFFFFF;
			.backImg-left {
				display: flex;
				align-items: center;
		
				image {
					width: 20upx;
					height: 45upx;
				}
			}
		
			.backImg-right {
				display: flex;
				justify-content: flex-end;
				align-items: center;
		
				image {
					width: 44upx;
					height: 36upx;
					margin-left: 10upx;
				}
		
				.share {
					width: 36upx;
					height: 36upx;
				}
			}
		}
	}
</style>
